<script setup lang="ts">
import { ref } from 'vue'
// import ChildTwo from './components/ChildTwo.vue'

// const money = ref(100)
// const car = ref('黄包车')
// const house = ref('毛坯房')

// 组件数据
const option = [
  { label: '男', value: 1 },
  { label: '女', value: 0 }
]
const gender = ref(1)
</script>

<template>
  <div class="article-page">
    <!-- <cp-radio-btn
      :option="option"
      :model-value="gender"
      @update:model-value="gender = $event"
    ></cp-radio-btn> -->
    <cp-radio-btn :options="option" v-model="gender"></cp-radio-btn>

    <!-- 
      vue2中.sync语法vue3实现:
      :car="car" @update:car="car = $event" =>
      v-model:car="car"
    -->
    <!-- <ChildTwo v-model="money" :car="car" @update:car="car = $event"></ChildTwo> -->
    <!-- <ChildTwo
      v-model="money"
      v-model:car="car"
      v-model:house="house"
    ></ChildTwo>

    <p>------------------</p>
    <br />
    <br /> -->
  </div>
</template>

<style lang="scss" scoped></style>
